<!DOCTYPE html>
<html>
<head>
    <!--<link rel="icon" href="img/appart_logo.png">-->
    <script src="js/angular.min.js"></script>
    <script src="js/Chart.min.js"></script>
    <script src="js/angular-chart.min.js"></script>
    <!--<link rel="stylesheet" href="css/angular-material.min.css">-->
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <!--<link href="css/datepicker.css" rel="stylesheet" type="text/css"/>-->
    <script src="js/jquery-3.6.0.js"></script>
    <!--<script src="js/bootstrap.min.js"></script>-->
    <!--<script src="js/jquery-ui.js"></script>-->
    <!--<script src="js/datepicker.js"></script>-->
    <script src="js/messages.js"></script>

    <link rel="stylesheet" href="./css/base.css" />
    <script async src="https://hm.baidu.com/hm.js?85fad12bb9a6dab448f4eff0a19299a5"></script>

    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
    <title>智能报表</title>
</head>
<body>

<div ng-app="app" ng-controller="LineCtrl">
    <div class="content">
        <div class="head-info">
            <div class="head-info-text" ng-show="!voiceContent">你可以这样问:日活/月活/十元风暴</div>
            <div class="head-info-text" ng-show="voiceContent">
                <textarea rows="2" class="voice-content"
                       ng-model="voiceContent" ng-blur="sendRequest(voiceContent)"></textarea>
            </div>
            <div class="head-info-text" ng-show="showtip && factorys.length <= 0">未搜索到相关数据，换个词试试哦～</div>
        </div>
        <div class="form-content">
            <div class="col-lg-6 col-sm-12">
                <div class="panel panel-default" ng-repeat="item in factorys track by $index" ng-if="factorys && factorys.length > 0">
                    <div class="panel-heading head-center" ng-bind="item.series"></div>
                    <div class="panel-body">
                        <canvas ng-if="$index % 2 > 0"
                                chart-colors="['#46BFBD']" class="chart chart-line" chart-data="item.data" chart-series="item.series" chart-labels="item.labels"></canvas>
                        <canvas ng-if="$index % 2 === 0"
                                class="chart chart-bar" chart-data="item.data" chart-series="item.series" chart-labels="item.labels"></canvas>
                        <!--<canvas ng-if="item.series.length === 0"-->
                                <!--class="chart chart-doughnut" chart-data="item.data" chart-labels="item.labels"></canvas>-->
                    </div>
                </div>
            </div>
        </div>
        <section class="voice-box">
            <input type="hidden" name="voice" id="voice-txt" ng-model="voiceContent"/>
            <button id="start-btn">点击说话</button>
            <!--<button ng-click="sendRequest(voiceContent)">请求接口测试</button>-->
        </section>

        <section class="fixed-box" id="fixed-box">
            <div class="fixed-main">
                <button class="fixed-close" id="close-btn"></button>
                <div class="fixed-txt" id="fixed-txt">Hello! 请说出你想说话。。。！</div>
                <div class="fixed-icon">
                    <img src="./img/voice.png" alt="" />
                </div>
            </div>
        </section>
    </div>

    <!--语音-->
    <script src="./js/crypto-js.min.js"></script>
    <script src="./js/voice.js"></script>

</div>
</body>
</html>
